<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增代金券</title>
    <link rel="stylesheet" href="css/myself/public.css" type="text/css">
    <link rel="stylesheet" href="css/myself/add_shop.css" type="text/css">
    <link rel="stylesheet" href="css/myself/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/myself/sideBar.css" type="text/css">
    <link rel="stylesheet" href="css/myself/add_zhongYao.css" type="text/css">
    <link rel="stylesheet" href="css/myself/add_voucher.css" type="text/css">
    <link rel="stylesheet" href="css/myself/third_list.css" type="text/css">
    <link rel="stylesheet" href="css/myself/scroll_init.css" type="text/css" >
    <link rel="stylesheet" href="css/public/bootstrap.min.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/public/bootstrap-datetimepicker.min.css" type="text/css" media="screen">

</head>

<body>
<div class="main clearFloat">
    <!--右边的-->
    <div class="main_right fr">

        <!--头部的h1和admin-->
        <div class="header clearFloat">
            <ul class="fr clearFloat admin">
                <li>admin</li>
                <li><img src="images/ad1.jpg" alt="">修改密码</li>
                <li><img src="images/ad2.jpg" alt="">退出</li>
            </ul>
            <h1 class="fl">全民健康后台管理系统</h1>
        </div>

        <div class="wrap_percent">

            <div class="percent_div">
                <!--返回以及状态提示栏-->
                <div class="clearFloat">
                    <span class="back fl"><a href="voucher_admin.html">返&nbsp;&nbsp;回</a></span>
                    <span class="fl fanhui"><a href="voucher_admin.html">代金券管理>></a></span>
                    <span class="fl fanhui" class="fl">新增代金券</span>
                </div>

                <!--有关代金券的信息-->
                <div class="shop_info">
                    <h2 class="tong">新增代金券信息</h2>

                    <form action="" class="add_voucher_form">

                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">代金券名称</dt>
                                <dd class="fl"><input type="text" name="couponName"></dd>
                            </dl>
                        </div>

                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">代金券金额</dt>
                                <dd class="fl"><input type="number" name="couponPrice"></dd>
                            </dl>
                        </div>

                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">数量</dt>
                                <dd class="fl"><input type="number" name="num"></dd>
                            </dl>
                        </div>

                        <!--固定时间-->
                        <div class="voucher_time clearFloat">

                            <label class="fl"><input type="radio" name="sustainType" value="1">&nbsp;固定时间</label>
                            <span class="fl effective_time">有效期</span>
                            <!--引进日历控件-->
                            <div class="controls input-append date fl" data-link-field="hidden_starttime">
                                <input size="16" type="text" value="" readonly class="start_time">
                                <span class="add-on"><i class="icon-remove"></i></span>
                                <span class="add-on"><i class="icon-th"></i></span>
                            </div>
                            <input type="hidden" id="hidden_starttime" value="" />
                            <span class="fl zhi_word">至</span>

                            <div class="controls input-append date fl" data-link-field="hidden_endtime">
                                <input size="16" type="text" value="" readonly class="start_time">
                                <span class="add-on"><i class="icon-remove"></i></span>
                                <span class="add-on"><i class="icon-th"></i></span>
                            </div>
                            <input type="hidden" id="hidden_endtime" value="" />
                        </div>

                        <!--不固定时间-->
                        <div class="voucher_time clearFloat">

                            <label class="fl"><input type="radio" name="sustainType" value="2">&nbsp;不固定时间</label>
                            <span class="fl effective_time">有效期</span>

                            <select class="religion fl">
                                <option value="0">请选择</option>
                                <option value="1">注册时间</option>
                                <option value="2">赠送时间</option>
                                <option value="2">领取时间</option>
                            </select>

                            <span class="fl zhi_word">至</span>

                            <select class="religion fl">
                                <option value="0">永久有效</option>
                                <option value="1">1个月</option>
                                <option value="1">3个月</option>
                                <option value="2">半年</option>
                            </select>
                        </div>

                        <dl class="css_tong clearFloat">
                            <dt class="fl">类别</dt>
                            <dd class="fl">
                                <select name="" class="religion status">
                                    <option value="0">请选择</option>
                                    <option value="1">活动</option>
                                    <option value="2">平台赠送</option>
                                </select>
                            </dd>
                        </dl>

                        <!--关联活动-->
                        <div class="voucher_time clearFloat">

                            <label class="fl"><input type="radio">&nbsp;关联活动</label>
                            <span class="fl effective_time">活动名称</span>

                            <select class="religion fl">
                                <option value="0">体验活动</option>
                                <option value="1">展示活动</option>
                                <option value="2">挂号</option>
                            </select>

                        </div>
                        <!--平台赠送给用户-->
                        <div class="voucher_time clearFloat">

                            <label class="fl"><input type="radio">&nbsp;平台赠送给用户</label>

                        </div>
                        <!--活动地区&&&-->
                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">活动地区</dt>
                                <dd class="fl">
                                    <select class="religion status">
                                        <option value="0">北京</option>
                                        <option value="1">上海</option>
                                        <option value="2">广州</option>
                                    </select>
                                </dd>
                            </dl>
                        </div>
                        <!--适用人群-->
                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">适用人群</dt>
                                <dd class="fl">
                                    <select class="religion status">
                                        <option value="0">新增用户</option>
                                        <option value="1">全部用户</option>
                                        <option value="2">参加活动用户</option>
                                    </select>
                                </dd>
                            </dl>
                        </div>
                        <!--适用范围-->
                        <div class="clearFloat">
                            <dl class="clearFloat css_tong fl">
                                <dt class="fl">适用范围</dt>
                                <dd class="fl project_width"><label><input type="checkbox" class="project" description="一">&nbsp;全平台</label></dd>
                                <dd class="fl project_width"><label><input type="checkbox" class="project" description="一">&nbsp;商城</label></dd>
                                <dd class="fl project_width"><label><input type="checkbox" class="project" description="一">&nbsp;预约</label></dd>
                                <dd class="fl project_width"><label><input type="checkbox" class="project" description="一">&nbsp;挂号</label></dd>

                            </dl>
                        </div>
                        <!--赠送-->
                        <div class="voucher_time clearFloat">

                            <label class="fl"><input type="checkbox">&nbsp;是否可合并使用</label>
                            <label class="fl"><input type="checkbox">&nbsp;是否可赠送</label>

                        </div>


                        <div class="bottom">
                            <input type="button" value="保存" class="change-btn save_add_voucher">
                        </div>

                    </form>
                </div>

            </div>
        </div>

    </div>

    <!--左边的logo&侧边栏-->
    <div class="main_left fl">

        <div class="setSideBarPosition div_scroll">

            <div>

                <div class="logo"><img src="images/logo1.jpg" alt="全民健康"></div>
                <!--引用jqueryUI写出来的侧边栏-->
                <div id="accordion"></div>

            </div>
        </div>
    </div>

</div>

<!--遮罩层-->
<div class="mask-change"></div>
<!--修改密码的弹出框-->
<div class="chang-password">
    <div class="cancle"><img src="images/cha.png" alt=""></div>
    <h2>修改密码</h2>
        <p><label for="now">新密码</label><input type="password" id="now" required name="newpassword"><span class="noEmpty">*不能为空</span></p>
        <p>
            <label for="con">再次输入新密码</label><input type="password" id="con" required name="reInput">
            <span class="noEmpty">*不能为空</span>
            <span class="noCommon">*与上面的不一致</span>
        </p>

        <p class="chang-p"><input type="submit" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-change-password" value="确定"></p>
</div>
<!--确定是否要退出-->
<div class="tuichu every-tuichu">
    <h2>是否退出登录</h2>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure-exit" value="确定"></p>
</div>
<!--添加标签-->
<div class="add_option add_tag_bounce">
    <div class="ctrl">
        <input type="text" placeholder="请输入标签名称!" class="tag_name">
    </div>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure_add_tag" value="确定"></p>
</div>
<!--添加分类的弹框-->
<div class="add_option add_classify_bounce">
    <div class="ctrl">
        <input type="text" placeholder="请输入分类名称!" class="classify_name">
    </div>
    <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn sure_add_classify" value="确定"></p>
</div>

</body>

<!--页面需要用到的JS文件-->
<script type="text/javascript" src="js/public/jquery.js"></script>
<script type="text/javascript" src="js/public/base64.js"></script>
<script type="text/javascript" src="url/address.js"></script>
<script type="text/javascript" src="js/public/jquery-form.js"></script>
<script type="text/javascript" src="js/public/mousewheel.js"></script>
<script type="text/javascript" src="js/public/easyscroll.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="js/public/bootstrap-datetimepicker.fr.js"></script>
<script type="text/javascript" src="js/myself/public.js"></script>
<script type="text/javascript" src="js/myself/zhongYao_common.js"></script>
<script type="text/javascript" src="js/myself/add_voucher.js"></script>

</html>
